@charset "utf-8";
@import "common/common";
//input框
.g-inputBox{
  height:.84rem;
  line-height:.84rem;
  padding: 0 .40rem;
  background: #fff;
  @include displayFlex;
  .inner{
    padding: 0 .40rem;
    @include borderRadius(#e4e4e4,40px);
    @include flex(1);
    @include displayFlex;
    .inputBox{
      @include flex(1);
      border: none;
      color: #3a3a3a;
      font-size: 13px;
      ::-webkit-input-placeholder {
        color: #aaa;
        font-size: 13px;
      }
    }
  }
}
//select框
.g-selectBox{
  height:.84rem;
  line-height:.84rem;
  padding: 0 .40rem;
  background: #fff;
  @include displayFlex;
  .inner{
    @include flex(1);
    position: relative;
    .selectedTxt{
      position: absolute;
      top:0;
      left:0;
      z-index: 10;
      height:100%;
      padding: 0 .40rem;
      background: url("../images/left.png") no-repeat right 20px center;
      background-size:.15rem;
      @include borderRadius(#e4e4e4,40px);
      font-size: 13px;
      color: #aaa;
    }
    .selectBox{
      position: absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      z-index: 15;
      border: none;
      color: #aaa;
      font-size: 13px;
      opacity:0;
    }
  }
  &.active{
    .inner{
      .selectedTxt{
        color: #3a3a3a;
      }
    }
  }
}
.registerContainer{
  .g-inputBox{
    margin-top:.20rem;
  }
  .g-selectBox{
    margin-top:.20rem;
  }
  .verificationCodeBox{
    height:.84rem;
    margin: .20rem .40rem 1rem .40rem;
    font-size: 0;
    .left{
      width:4.30rem;
      height:.84rem;
      line-height:.84rem;
      @include borderRadius(#e4e4e4,40px);
      box-sizing: border-box;
      padding-left: .40rem;
      .verificationCode{
        width:100%;
        height:100%;
        box-sizing: border-box;
        border: none;
        line-height:.84rem;
        color: #3a3a3a;
        font-size: 13px;
        ::-webkit-input-placeholder {
          color: #aaa;
          font-size: 13px;
        }
      }
    }
    .right{
      width:2.20rem;
      height:.84rem;
      line-height:.84rem;
      background: #e4e4e4;
      border-radius:42px;
      text-align: center;
      color: #999;
      font-size: 13px;
      &.active{
        color: #fff;
        background:linear-gradient(-90deg,rgba(11,82,228,1),rgba(0,84,255,1),rgba(0,144,255,1));
        box-shadow:0px 3px 10px 0px rgba(11,82,228,0.6);
      }
    }
  }
  .submitBtn{
    margin: 0 .40rem 0;
    height:.84rem;
    border-radius: 40px;
    line-height:.84rem;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #e4e4e4;
    &.active{
      background:linear-gradient(-90deg,rgba(11,82,228,1),rgba(0,84,255,1),rgba(0,144,255,1));
      box-shadow:0px 3px 15px 0px rgba(14,72,238,0.6);
    }
  }
}

